<template>
	<div class="startNodeWrap">
		<span class="text">开始巡检</span>
		<arrows class="arrowsComponent"></arrows>
	</div>
</template>

<script setup name="startNode">
import arrows from '../arrows/index.vue';
</script>

<style lang="less" scoped>
.startNodeWrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 88px;
	.text {
		background: #6b7785;
		border-radius: 20px;
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #fff;
	}
	.arrowsComponent {
		margin-top: -4px;
	}
}
</style>
